<template>
  <div class="hm-header">
      我是header
      <ButtonEx></ButtonEx>
  </div>
</template>

<script>
export default {
  name: 'hm-header',
}
</script>

<!--添加scoped属性可以限制CSS样式只对当前组件生效  Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .hm-header{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 100%;
    background-color: #39c5bb;
    line-height: 192px;
    font-size: 30px;
    color: white;
  }
</style>
